@charset "UTF-8";
/* author:hebo hb0117@163.com 20170306 */
body,html{
    height:100%;
    width:100%;
    overflow:hidden;
}
.clearThis{
    *zoom: 1;
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
/****************  layout   *****************/
.containerWarp{height:100%;width:100%; position: relative;}
.containerWarp header{ position: fixed; top:0;left:0;right:0;height:52px;background: #323232;}
.containerWarp header div{float:right;}
.containerWarp header div:first-child{float:left;}
.frame_flex{
    width:100%;
    height:100%;

    display: -webkit-flex;
    -webkit-flex-flow: row;
    -webkit-align-items: stretch;
    -webkit-justify-content:space-between;

    /*IE10还不支持*/
    display: -ms-flex;
    -ms-flex-flow: row wrap;
    -ms-align-items: stretch;
    -ms-justify-content:space-between;

    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content:space-between;
}
.frame_flex div.frame_items{padding-top:52px;}
.frame_flex div.frame_items:first-child{width:206px;background: #ffffff;border-right:1px solid #d4d4d4;overflow:auto;}
.frame_flex div.frame_items:last-child{-webkit-flex:1;-moz-flex:1;flex:1;background: #f4f5f7;}

.header_tab{ width:100%;height:40px;background:#f2f2f2;border:1px solid #e6e7e7;}
.header_tab_l{float:left;height:40px; overflow:hidden;}
.tab_cnt_cnt{diplay:block;height:40px;}
.tab_cnt_cnt li{diplay:block;position:relative;float:left;width:118px;top:-1px;left:-1px;height:40px; overflow:hidden;font-size:13px; font-family:"微软雅黑",Arial, "宋体"; cursor:pointer;}
.tab_cnt_cnt li div{height:40px; line-height:38px;border: 1px solid #e8e8e8;}
.tab_cnt_cnt li div.tab_off{ width:118px; text-align:center; color:#929292; overflow:hidden; text-decoration:none;}
.tab_cnt_cnt li div.tab_off:hover{background:#e6e7e7;}
.tab_cnt_cnt li span.btn_off{ width:20px; height:20px; position:absolute; top:10px; right:5px; background:url("../images/closes.png") 0 0 no-repeat;}
.tab_cnt_cnt li span.btn_off:hover{background:url("../images/closes.png") 0 -20px no-repeat;}
.tab_cnt_cnt li div.tab_on{  text-align:center; color:#444444; overflow:hidden; text-decoration:none;background:#fff;border-bottom:1px solid #fff;}
.tab_cnt_cnt li span.btn_on{ width:20px; height:20px; position:absolute; top:10px; right:5px;background:url("../images/closes.png") 0 0 no-repeat;}
.tab_cnt_cnt li span.btn_on:hover{background:url("../images/closes.png") 0 -20px no-repeat;}

.header_tab_r{ float:right; padding:11px 20px; }
.tab_btn_l{ width:12px; height:13px; float:left; background:url("../images/selects.png") 0 0 no-repeat; margin-right:6px; cursor:pointer;}
.tab_btn_l:hover{ background:url("../images/selects.png") 0 -14px no-repeat;}
.tab_btn_r{ width:12px; height:13px; float:left; background:url("../images/selects.png") -12px 0 no-repeat; margin-right:8px; cursor:pointer;}
.tab_btn_r:hover{ background:url("../images/selects.png") -12px -14px no-repeat;}
.tab_btn_x{ width:12px; height:13px; float:left; background:url("../images/selects.png") -24px 0 no-repeat; cursor:pointer; position:relative;}
.tab_btn_x:hover{ background:url("../images/selects.png") -24px -13px no-repeat;}
.tab_x_list{ width:124px; background:#fff; position:absolute; top:25px; left:-100px; box-shadow: 0 0 5px #999; padding:4px 0; z-index:1000; display:none; max-height:375px; overflow-y:auto; overflow-x:hidden;}
.tab_x_list li{ width:100%; min-height:24px; vertical-align:bottom; margin-bottom:0;}
.tab_x_list li a{ display:block;margin:0 4px; line-height:15px; text-decoration:none; font-size:12px; color:#000; padding:5px 10px;}
.tab_x_list li a:hover{ background: #f2f2f2; color:#000;}

.frame_logo{ background:url("../images/logo_1.png") left top no-repeat;width:295px;height:41px;margin-top:5px;}

.sortBox{border:1px solid #dddddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px;margin-bottom:10px;}
.sortBox h3{display:block;padding-left:30px;font-size:16px;line-height:30px;color:#E99B56;background: #FCE4CF;}
.sortBox .layoutRow_2{display:block;width:100%;}
.sortBox .layoutRow_2 li{display:inline-block;width:49%;height:auto;}
.sortBox .layoutRow_2 li .inputWarp{display: flex;flex-flow: row nowrap;align-items: stretch;justify-content:space-between;}
.sortBox .layoutRow_2 li .inputWarp span{width:100px;display:block;}
.sortBox .layoutRow_2 li .inputWarp input[type="text"]{flex:1;}
.sortBox .layoutRow_2 li .inputWarp select{flex:1;}
.sortBox .layoutRow_2 li.inline{display:block;width:100%;}
.sortBox .layoutRow_2 li.inline1{display:block;width:100%;}
.sortBox .layoutRow_2 li.inline .inputWarp{padding-left:50px;}
.sortBox .layoutRow_2 li.inline .inputWarp input[type="checkbox"]{width: 20px;margin-top: 10px;}
.sortBox .layoutRow_2 li.inline .inputWarp label{width: 100px;line-height: 30px;}
.sortBox .layoutRow_3{display:block;width:100%;}
.sortBox .layoutRow_3 li{display:inline-block;width:32%;height:auto;}
.sortBox .layoutRow_3 li .inputWarp{display: flex;flex-flow: row nowrap;align-items: stretch;justify-content:space-between;}
.sortBox .layoutRow_3 li .inputWarp span{width:100px;display:block;}
.sortBox .layoutRow_3 li .inputWarp input[type="text"]{flex:1;}
.sortBox .layoutRow_3 li .inputWarp select{flex:1;}
.sortBox .layoutRow_4{display:block;width:100%;background: #fff6ef;}
.sortBox .layoutRow_4 li.inlineWord{display:block;width:100%;padding-left:30px;font-size:14px;line-height:30px;color: #f6c396;}
.sortBox .layoutRow_4 li{display:inline-block;width:24%;height:auto;}
.sortBox .layoutRow_4 li .inputWarp{display: flex;flex-flow: row nowrap;align-items: stretch;justify-content:space-between;}
.sortBox .layoutRow_4 li .inputWarp span{width:100px;display:block;}
.sortBox .layoutRow_4 li .inputWarp input[type="text"]{flex:1;}
.sortBox .layoutRow_4 li .inputWarp select{flex:1;}
.sortBox .layoutRow_4 li p.grey{color:#c1c1c1;}

.inputWarp{padding:5px 0;}
.inputWarp:after{content: "";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.inputWarp font{font-size:14px;color:#95a0aa;display:inline-block;margin-right:20px;}
.inputWarp span{display: inline-block;font-size:14px;width:100px;color:#444444;line-height:40px;text-align:right;padding-right:10px;}
.inputWarp i{display: inline-block;font-size:14px;line-height:40px;}
.inputWarp label{display: inline-block;font-size:14px;color:#444444; line-height:20px;padding:0 20px;}
.formtab_text{padding: 0 5px;margin: 5px 0; height:30px; line-height:30px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;font-size: 14px; color: #37353a; border: 1px solid #cccccc; background-color: transparent; width:100%;}
.formtab_time{padding-right:30px;background:url("../images/time.png") 99% 45% no-repeat;}
.formtab_selt{padding:0 5px;margin:5px 0; height:30px; line-height:30px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;font-size: 14px; color: #37353a; border: 1px solid #cccccc;padding-right: 14px;width:100%;}
.formtab_area{padding:0 5px;margin:5px 0; height: 60px; line-height:20px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;font-size: 14px; color: #37353a; border: 1px solid #cccccc;background-color: transparent;width:100%;}
.spanline{display: inline-block;border-bottom:2px solid #cccccc; height:2px;margin-bottom:5px;width:10px;}
.displayInline{display: inline-block;}

ul.headBtnWarp{display:block;width:100%;padding:20px 0;}
ul.headBtnWarp:after{content: "";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
ul.headBtnWarp li{display:block;width:20%;float:left;text-align:center;}
ul.headBtnWarp li .btn{text-align:center;width:90%;}
ul.txt_btn{margin:20px 0 5px 0;border-top:1px solid #e6e7e7;padding:20px 0; text-align:center;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
ul.txt_btn li{display:inline-block;padding:0 5px;}
ul.txt_btn_II{margin:5px 0 5px 0;text-align:center;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
ul.txt_btn_II li{display:inline-block;padding:0 5px;}

/* 按钮 */
.btn{padding:0 20px;line-height:30px;height:30px; font-size:14px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;cursor: pointer;text-align:center;}
.bgColor{background:#acabab;} /*灰色*/
.bgColorII{background:#fd5043;} /*橘色*/
.bgColorIII{background:#ffffff;border:1px solid #cccccc;color:#373a3c;}/* 白色 */
.font{color:#ffffff;}
.font:hover{color:#ffffff;}

/* 宽度 */
.width130{width:130px;}
.width60{width:60px;margin:0 5px;}
.width20{width:20px;margin:0 5px;}
.width100{width:100px;margin:0 5px;}
.width150{width:150px;margin:0 5px;}
.width50{width:50%;margin:0 5px;}
.floatL{float:left;}
.floatR{float:right;}
